<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description"/>
    <meta content="Coderthemes" name="author"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- App favicon -->
    <link rel="shortcut icon" href="./assets/images/favicon.ico">

    <!-- App css -->
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/app.css" rel="stylesheet" type="text/css"/>

    <style>
        .item div {
            margin-top: 10px;
        }
    </style>

</head>

<body>

<!-- Begin page -->
<div id="wrapper">
    <!-- ========== Left Sidebar Start ========== -->
    <div th:replace="commons/surveySideBar :: sidebar"/>
    <!-- Left Sidebar End -->

    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->
    <div class="content-page">
        <div class="content">

            <!-- Topbar Start -->
            <div th:replace="commons/surveyTopBar :: topbar "/>
            <!-- end Topbar -->

            <!-- Start Content-->
            <div class="container-fluid">
                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="#">首页</a></li>
                                    <li class="breadcrumb-item active">个人信息</li>
                                </ol>
                            </div>
                            <h4 class="page-title">个人信息</h4>
                        </div>
                    </div>
                </div>
                <!-- end page title -->
            </div>
            <div class="card" style="width: 700px; height: 800px">
                <div class="card-body">
                    <h4 class="mb-3 header-title">我的资料</h4>
                    <form class="form-horizontal">
                        <form method="post" id="imgForm"
                              enctype="multipart/form-data">
                            <img src="./images/baobao.png" th:src="${session.loginSurvey.headImg}" id="stuHeadImg"
                                 alt="哎呀,这不是一张图片" class="rounded-circle" width="150px" height="150px">
                            <div class="form-group row mb-3" style="margin-top: 15px">
                            </div>
                        </form>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">姓名：</label>
                            <div class="col-6">
                                <input th:value="${session.loginSurvey.stuName}" class="form-control" disabled
                                       placeholder="">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">学号：</label>
                            <div class="col-6">
                                <input class="form-control" disabled th:value="${session.loginSurvey.stuId}"
                                       placeholder="">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">班级：</label>
                            <div class="col-6">
                                <input class="form-control" disabled th:value="${session.loginSurvey.classes}"
                                       placeholder="">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">密码：</label>
                            <div class="col-6">
                                <input class="form-control" disabled placeholder="******">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">个性签名：</label>
                            <div class="col-6">
                                <input class="form-control" id="oldSignature" disabled
                                       th:value="${session.loginSurvey.signature}"
                                       placeholder="">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">我的爱好：</label>
                            <div class="col-6">
                                <input class="form-control" id="oldHobby" disabled
                                       th:value="${session.loginSurvey.hobby}"
                                       placeholder="">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Footer Start -->
<div th:replace="commons/footer :: foot"></div>
<!-- end Footer -->

<!-- ============================================================== -->
<!-- End Page content -->
<!-- ============================================================== -->

<!-- App js -->
<script src="./js/vendor.js"></script>
<script src="./js/app.js"></script>

<!-- Plugins js -->
<script src="./js/vendor/Chart.bundle.js"></script>
<script src="./js/vendor/jquery.sparkline.min.js"></script>
<script src="./js/vendor/jquery.knob.min.js"></script>
<script src="./js/jquery-2.1.1.min.js"></script>
<script src="./js/pages/dashboard.init.js"></script>
<script src="./js/layer/layer.js"></script>
</body>
</html>